<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组新增元素</title>
    <script>
        //1.新增数组元素 修改length长度
        var arr = ['red', 'green', 'blue'];
        console.log(arr.length); //3
        arr.length = 5; //把我们数组的长度修改为了5 里面应该有5个元素
        console.log(arr); //输出整个数组
        console.log(arr[3]); // 当我将数组长度修改,增加的长度没有给值,所以为undefined
        console.log(arr[4]); //undefined

        //2.新增数组元素 修改索引号 追加数组元素
        var arr1 = ['red', 'green', 'blue'];
        arr1[3] = 'pink'; //原来数组里面没有的,给值就是追加数组元素  (当然length长度也就变成了4)
        console.log(arr1);
        arr1[4] = 'hotpink'; //与上同
        console.log(arr1);
        arr1[0] = 'yellow'; //这里是替换原来的数组元素
        console.log(arr1);
        arr1 = '有点意思';
        console.log(arr1); //不要直接给数组名赋值 否则里面的数组元素都没有了(与c语言不同)
        console.log(arr1[1]);
        console.log(arr1[3]);
        var a = '呵呵哈哈哈';
        console.log(a[0]); //呵 (验证成功,说明如果我直接给数组名赋值,赋的还是字符串(还可以是其他类型的)
        //的话,那就是字符串,不是数组了)
    </script>
</head>

<body>

</body>

</html>